<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>靓粉吧</title>
    <link rel="stylesheet" href="../mui/css/mui.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
<div class="mui-content pb15">
	<div class="login-top">
    	<div class="login-slider">
        	<div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><a href="玩转靓粉吧.html"><img src="../images/view/login-slider1.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="玩转靓粉吧.html"><img src="../images/view/login-slider2.jpg" alt="" /></a></div>
                    <div class="swiper-slide"><a href="玩转靓粉吧.html"><img src="../images/view/login-slider3.jpg" alt="" /></a></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
    	<div class="login-btn mt20"><a href="javascript:;" class="c-btn c-btn-red logenter">登录/注册</a></div>
    </div>
    <div class="img-box mt10"><a href="javascript:;" class="logenter"><img src="../images/view/login-slider4.jpg" alt="" /></a></div>
    
    <!--登录-->
    <div class="login-ing c-hide">
    	<a href="javascript:;" class="login-exit"><i class="icon icon-exit"></i></a>
    	<div class="img-box pt50"><img src="../images/view/login-slider5.jpg" alt="" /></div>
        <div id="loginWx">
            <div class="login-btn mt50"><a href="登录-绑定手机.html" class="c-btn c-btn-red"><i class="icon icon-wx"></i>微信登录</a></div>
            <div class="login-tip mt20"><a href="无法登录.html">无法登录？</a></div>
            <div class="login-other">
            	<p>其它方式登录</p>
            	<p><a href="javascript:;" class="log-into"></a></p>
            </div>
        </div>
        <div class="c-hide" id="loginTel">
        	<div class="login-tel"><a href="登录-手机登录.html"><i class="log-tel-tb"></i><br />手机登录</a></div>
    		<div class="login-other">
            	<p>登录即代表您同意<a href="javascript:;" class="c-ff425d">靓粉吧使用条款</a></p>
            	<p><a href="javascript:;" class="log-into li-back"></a></p>
            </div>
        </div>
    </div>
</div>
<footer class="mui-bar-footer">
	<div>
        <a href="我.html" class="curr"><p><i class="icon icon-my"></i></p><p>我</p></a>
        <a href="花钱.html"><p><i class="icon icon-spent"></i></p><p>花钱</p></a>
        <a href="生活.html"><p><i class="icon icon-life"></i></p><p>生活</p></a>
        <a href="生钱.html"><p><i class="icon icon-earn"></i></p><p>生钱</p></a>
    </div>
</footer>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../mui/js/mui.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<link rel="stylesheet" href="../widget/swiper/css/swiper.min.css" type="text/css" />
<script type="text/javascript" src="../widget/swiper/js/swiper.min.js"></script>
<script type="text/javascript">
var swiper = new Swiper('.swiper-container', {
	pagination: {
		el: '.swiper-pagination',
	}
});

$(function(){
	$('.logenter').on('click',function(){
		$('.login-ing').removeClass('c-hide');
	});
	
	$('.login-exit').on('click',function(){
		$('.login-ing').addClass('c-hide');
	});
	
	$('.log-into').on('click',function(){
		var lback = $(this).hasClass('li-back');
		if(lback){
			$('#loginTel').hide();
			$('#loginWx').show();
		}else{
			$('#loginWx').hide();
			$('#loginTel').show();	
		}
	});
});
</script>
</body>
</html>